<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏列表</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
</head>
<body>
<div class="web">
    <header class="animate__animated animate__zoomInDown">
        <div class="logo">
            <div class="bos">
                <img src="../img/first/logo.png" alt="" />
            </div>
        </div>
        <div class="title">
            <div class="home">
                <a href="./index.html"
                ><div class="box1">
                    <p>首页</p>
                    <p>home</p>
                </div></a
                >
            </div>
            <div class="home">
                <a href="./gamelist.html"
                ><div class="box1">
                    <p>游戏</p>
                    <p>game</p>
                </div></a
                >
            </div>
            <div class="home">
                <a href="./gamepage.html"
                ><div class="box1">
                    <p>案例</p>
                    <p>Case</p>
                </div></a
                >
            </div>
            <div class="home">
                <a href="./list.html"
                ><div class="box1">
                    <p>关于我们</p>
                    <p>About us</p>
                </div></a
                >
            </div>
            <div class="home">
                <a href="./personal.html"
                ><div class="box1">
                    <i class="iconfont icon-weixin"></i></div
                ></a>
            </div>
        </div>
    </header>
    <nav>
        <img src="../img/gamelist/cloud.png" />
        <div class="all">
            <div class="new">
                <span>排序</span>
            </div>
            <div class="new">
                <span>按时间</span>
            </div>
            <div class="new">
                <span>按销量</span>
            </div>
            <div class="new">
                <span>按种类</span>
            </div>
        </div>
        <div class="turn">
            <div class="gg">
                <div class="plag">
                    <img src="../img/first/ice.png" alt="">
                    <div class="fan">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数:20</p>
                        <p>--</p>
                    </div>
                    <div class="shop">
                        <div class="shop1">
                            <span>购买</span>
                        </div>
                        <p class="iconfont icon-wujiaoxing"></p>
                    </div>
                </div>
                <div class="plag">
                    <img src="../img/first/weekly.png" alt="">
                    <div class="fan">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数:20</p>
                        <p>--</p>
                    </div>
                    <div class="shop">
                        <div class="shop1">
                            <span>购买</span>
                        </div>
                        <p class="iconfont icon-wujiaoxing"></p>
                    </div>
                </div>
                <div class="plag">
                    <img src="../img/first/www.png" alt="">
                    <div class="fan">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数:20</p>
                        <p>--</p>
                    </div>
                    <div class="shop">
                        <div class="shop1">
                            <span>购买</span>
                        </div>
                        <p class="iconfont icon-wujiaoxing"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="turn">
            <div class="gg">
                <div class="plag">
                    <img src="../img/first/ice.png" alt="">
                    <div class="fan">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数:20</p>
                        <p>--</p>
                    </div>
                    <div class="shop">
                        <div class="shop1">
                            <span>购买</span>
                        </div>
                        <p class="iconfont icon-wujiaoxing"></p>
                    </div>
                </div>
                <div class="plag">
                    <img src="../img/first/weekly.png" alt="">
                    <div class="fan">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数:20</p>
                        <p>--</p>
                    </div>
                    <div class="shop">
                        <div class="shop1">
                            <span>购买</span>
                        </div>
                        <p class="iconfont icon-wujiaoxing"></p>
                    </div>
                </div>
                <div class="plag">
                    <img src="../img/first/www.png" alt="">
                    <div class="fan">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数:20</p>
                        <p>--</p>
                    </div>
                    <div class="shop">
                        <div class="shop1">
                            <span>购买</span>
                        </div>
                        <p class="iconfont icon-wujiaoxing"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="turn">
            <div class="gg">
                <div class="plag">
                    <img src="../img/first/ice.png" alt="">
                    <div class="fan">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数:20</p>
                        <p>--</p>
                    </div>
                    <div class="shop">
                        <div class="shop1">
                            <span>购买</span>
                        </div>
                        <p class="iconfont icon-wujiaoxing"></p>
                    </div>
                </div>
                <div class="plag">
                    <img src="../img/first/weekly.png" alt="">
                    <div class="fan">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数:20</p>
                        <p>--</p>
                    </div>
                    <div class="shop">
                        <div class="shop1">
                            <span>购买</span>
                        </div>
                        <p class="iconfont icon-wujiaoxing"></p>
                    </div>
                </div>
                <div class="plag">
                    <img src="../img/first/www.png" alt="">
                    <div class="fan">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数:20</p>
                        <p>--</p>
                    </div>
                    <div class="shop">
                        <div class="shop1">
                            <span>购买</span>
                        </div>
                        <p class="iconfont icon-wujiaoxing"></p>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <footer>
        <img src="../img/first/tata.png"/>
        <img src="../img/first/popo.png" />
    </footer>
</div>
</body>
</html>